﻿<%@ Page Title="" Language="C#" MasterPageFile="~/SEPAIMasterPage.Master" AutoEventWireup="true" CodeBehind="PersonProfileUpdate.aspx.cs" Inherits="SEPAIWebsite.UserManagement.PersonProfileUpdate" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div style="line-height: 25px;">
        <div id="DivPersonalDetails">
            <div style="background-color: rgba(0,0,0,.8); padding: 2px; border-radius: 2px">
                <h2>Personal Details</h2>
            </div>
            <div id="DivPersonDetails" style="float: left">
                <div id="MyProfile" style="float: left">
                    <table cellspacing="7">
                        <tr>
                            <td>
                                <a>First name</a>
                                <br />
                                <input id="txtFirstName" runat="server" class="InputTextCss" disabled="disabled" type="text" style="width: 225px; height: 35px; color: #101010; background: #808080;cursor:not-allowed" />
                            </td>
                            <td>
                                <a>Last name</a>
                                <br />
                                <input id="txtLastName" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <a>Date of Birth (DD/MM/YYYY)</a>
                                <br />
                                <input id="datepicker" runat="server" class="InputTextCss" disabled="disabled" type="text" placeholder="DD/MM/YYYY" style="width: 225px; height: 35px; color: #101010; background: #808080;cursor:not-allowed" />
                            </td>
                            <td>
                                <br />
                                <a>Gender - </a>&nbsp;&nbsp;
                        <input id="rdMale" runat="server" type="radio" name="group1" value="Male" />
                                Male
                        <input id="rdFemale" runat="server" type="radio" name="group1" value="Female" />
                                Female
                            </td>
                        </tr>
                    </table>
                    <div id="DivContactDetails">
                        <table cellspacing="7">
                            <tr>
                                <td>
                                    <a>Email Id</a>
                                    <br />
                                    <input id="txtPrimaryEmailId" runat="server" class="InputTextCss" disabled="disabled" type="text" style="width: 225px; height: 35px; color: #101010; background: #808080;cursor:not-allowed" />
                                </td>
                                <td>
                                    <a>Alternate email Id</a>
                                    <br />
                                    <input id="txtAlternateEmailId" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a>Primary Mobile No</a>
                                    <br />
                                    <input id="txtPrimaryMobileNo" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                                </td>
                                <td>
                                    <a>AlternatePhone No</a>
                                    <br />
                                    <input id="txtAlternatePhone" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div style="float: left; width: 200px; height: 200px; margin: 30px 0 0 150px;text-align:center">
                    <asp:Image ID="imgprvw" class="UserProfileImg" runat="server" ImageUrl="../Images/DefaultProfileImage.png" Style="width: 150px; height: 150px; border: 1px solid #ffad54; border-radius: 100px" />
                    <br />
                    <br />
                    <asp:FileUpload ID="ImgUpload" runat="server" BackColor="#FC8312" BorderColor="#FC8312" BorderStyle="Solid" BorderWidth="2px" ClientIDMode="AutoID" ToolTip="Select your Photo" style="cursor:pointer" />
                </div>
                <div style="clear: both"></div>
                <br />
                <div id="DivAddredDetails">
                    <div style="background-color: rgba(0,0,0,.8); padding: 2px; border-radius: 2px">
                        <h2>Address</h2>
                    </div>
                    <table cellspacing="7">
                        <tr>
                            <td>
                                <a>AddressLine 1</a>
                                <br />
                                <input id="txtAddressLine1" runat="server" class="InputTextCss" type="text" style="width: 462px; height: 35px" />
                            </td>

                            <td>
                                <a>AddressLine 2</a>
                                <br />
                                <input id="txtAddressLine2" runat="server" class="InputTextCss" type="text" style="width: 462px; height: 35px" />
                            </td>
                        </tr>
                    </table>
                    <table cellspacing="7">
                        <tr>
                            <td>
                                <a>City</a>
                                <br />
                                <input id="txtCity" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                            </td>
                            <td>
                                <a>State</a>
                                <br />
                                <input id="txtState" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                            </td>
                            <td>
                                <a>Country</a>
                                <br />
                                <input id="txtCountry" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />
                            </td>
                            <td colspan="10">
                                <a>Post code</a>
                                <br />
                                <input id="txtPostCode" runat="server" class="InputTextCss" type="text" style="width: 225px; height: 35px" />

                            </td>
                        </tr>
                    </table>
                    <div style="text-align:right">
                    <button type="button" runat="server" class="UniversalButton" onserverclick="btnUpdate_Click" style="width:228px;margin:10px 6px 0 0">Update</button> &nbsp;&nbsp;<button type="button" runat="server" class="UniversalButton" onserverclick="btnCancel_Click" style="width: 228px;">Cancel</button>
                    </div>
                </div>
            </div>
        </div>
        <div style="clear: both"></div>
    </div>
    <asp:Button ID="btnShowPopup" runat="server" Style="display: none" />
    <asp:ModalPopupExtender ID="PersonProfileUpdateModalPopupExtender" runat="server" TargetControlID="btnShowPopup" PopupControlID="pnlpopup" BackgroundCssClass="modalBackground"></asp:ModalPopupExtender>
    <asp:Panel ID="pnlpopup" runat="server" Style="display: none">
         <div id="DivUpdateProfileSuccessMessage" style="min-width:400px; height: 125px; text-align: center; background-color: #ffffff; box-shadow: 0 0 10px rgba(31, 73, 125, 0.9); border-radius: 2px; padding: 35px 5px 0 5px">
            <a style="font-size:22px; font-weight:700; color: #808080">Your profile update successfully</a>
            <br />
             <br />
            <button type="button" id="btnProfileUpdateMessage" runat="server" class="UniversalButton" style="width: 75px; height: 30px" onserverclick="btnProfileUpdateMessage_Click">OK</button>
        </div>
    </asp:Panel>
</asp:Content>
